<!DOCTYPE html>
<style>
.block { width:50px; height:25px; background:green; }
.cell { display:table-cell; width:25px; height:25px; background:green; }
.inline-block { display: inline-block; width:25px; height:25px; background:green; }
</style>
<p>crbug.com/372832: There should be a green square below. In the layout tree the anonymous table should be under the LayoutInline in the last anonymous block, not in the middle anonymous block.</p>
<div id="container" style="float:left" data-expected-height=50 data-expected-width=50>
    <span>
        <div class="block"></div>
        <div class="cell">&nbsp;</div><div class="inline-block">&nbsp;</div>
    </span>
</div>
<script src="../../resources/check-layout.js"></script>
<script>
    checkLayout("#container");
</script>
